<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs('tab-page/css/tab.css')"></script>
<script ng-init="initCssAndJs('tab-page/css/lanrenzhijia.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.back(-1);"></a>

    <h1 class="title">标题</h1>
</header>
<div class="content" ng-init="">
    <div class="wrap">
        <div class="tabs">
            <a href="#" hidefocus="true" class="active">手机端</a>
            <a href="#" hidefocus="true">选项卡</a>
            <a href="#" hidefocus="true">切换效果</a>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content-slide">
                        tab内容一
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        tab内容二
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        tab内容三
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div ng-init="suiMobileInit('tab-page/js/tab.js')"></div>
<div ng-init="suiMobileInit('tab-page/js/tab.js')"></div>